/**
 * 内容系统 demo
 */


layui.define(['table', 'form'], function (exports) {
    var $ = layui.$
        , table = layui.table
        , form = layui.form;
    var data = [{
            "id": "001"
            , "label": "美食"
            , "title": "舌尖上的中国第一季"
            , "author": "作者-1"
            , "content": "通过中华美食的多个侧面，来展现食物给中国人生活带来的仪式、伦理等方面的文化；见识中国特色食材以及与食物相关、构成中国美食特有气质的一系列元素；了解中华饮食文化的精致和源远流长"
            , "uploadtime": 20121204
            , "status": true
        }, {
            "id": "002"
            ,
            "label": "美食"
            ,
            "title": "舌尖上的中国第二季"
            ,
            "author": "作者-2"
            ,
            "content": "以食物为窗口，读懂中国——通过美食，使人们可以有滋有味地认知这个古老的东方国度。“一方水土一方人”，本片将通过展示人们日常生活中与美食相关的多重侧面，描绘与感知中国人的文化传统、家族观念、生活态度与故土难离。人们收获、保存、烹饪、生产美食，并在其过程中留存和传承食物所承载的味觉记忆、饮食习俗、文化样态与家常情感。"
            ,
            "uploadtime": 20141204
            ,
            "status": false
        }, {
            "id": "003"
            ,
            "label": "美食"
            ,
            "title": "舌尖上的中国第三季"
            ,
            "author": "作者-3"
            ,
            "content": "以食物为窗口，读懂中国——通过美食，使人们可以有滋有味地认知这个古老的东方国度。“一方水土一方人”，本片将通过展示人们日常生活中与美食相关的多重侧面，描绘与感知中国人的文化传统、家族观念、生活态度与故土难离。人们收获、保存、烹饪、生产美食，并在其过程中留存和传承食物所承载的味觉记忆、饮食习俗、文化样态与家常情感将世界美食和中国美食进行比照。春耕、夏耘、秋收、冬藏，天人合一的东方哲学让中国饮食依时而变，智慧灵动，中医营养摄生学说创造了食材运用的新天地，儒家人伦道德则把心意和家的味道端上我们的餐桌。淘洗历史，糅合时光，一代又一代的中国人在天地间升起烟火，用至精至诚的心意烹制食物，一餐一食之间，中国人展示个性，确认归属，构建文明，理解和把握着世界的奥妙。"
            ,
            "uploadtime": 20161204
            ,
            "status": false
        }, {
            "id": "004"
            ,
            "label": "历史"
            ,
            "title": "诸葛亮骂王朗"
            ,
            "author": "作者-1"
            ,
            "content": "皓首匹夫！苍髯老贼！你即将命归于九泉之下，届时，有何面目见汉朝二十四代先帝？二臣贼子！你枉活七十有六，一生未立寸功，只会摇唇舞舌，助曹为虐！一条断脊之犬，还敢在我军阵前狺狺狂吠！我从未见过如此厚颜无耻之人！！！"
            ,
            "uploadtime": 20180201
            ,
            "status": false
        }, {
            "id": "005"
            , "label": "新闻"
            , "title": "新时代特色中国梦"
            , "author": "作者-1"
            , "content": "今天，我们比历史上任何时期都更接近、更有信心和能力实现中华民族伟大复兴的目标。新时代已经到来，蓝图已经绘就，中国梦离我们越来越近了。"
            , "uploadtime": 20180512
            , "status": false
        }, {
            "id": "006"
            , "label": "新闻"
            , "title": "新时代特色中国梦"
            , "author": "作者-2"
            , "content": "梦想不会主动走向我们，只有我们去主动实现梦想。行百里者半九十。虽然中国梦离我们越来越近了，但是要实现中国梦，还要靠我们以永不懈怠的精神状态、功在不舍的坚强意志，不忘初心，继续前进。"
            , "uploadtime": 20180514
            , "status": false
        }, {
            "id": "007"
            , "label": "体育"
            , "title": "皇马大战利物浦"
            , "author": "作者-3"
            , "content": "对欧足联而言，更想要产生个新冠军。连续三年都是同一个冠军队，这会毁掉欧冠……”格里姆表态，“皇马有梦幻般的阵容，但从促进竞争的角度而言，另一支球队获胜会更好。"
            , "uploadtime": 20180515
            , "status": false
        }],
        data1 = [{
            "id": "001"
            , "tags": "美食"
        }, {
            "id": "002"
            , "tags": "新闻"
        }, {
            "id": "003"
            , "tags": "八卦"
        }, {
            "id": "004"
            , "tags": "体育"
        }, {
            "id": "005"
            , "tags": "音乐"
        }],
        data2 = [{
            "id": "001"
            , "reviewers": "赵"
            , "content": "我又爱上编程了"
            , "commtime": 20160312
        }, {
            "id": "002"
            , "reviewers": "钱"
            , "content": "女生出门要小心"
            , "commtime": 20160821
        }, {
            "id": "003"
            , "reviewers": "孙"
            , "content": "框架就用layui"
            , "commtime": 20161212
        }, {
            "id": "004"
            , "reviewers": "李"
            , "content": "心姐么么哒"
            , "commtime": 20170311
        }, {
            "id": "005"
            , "reviewers": "周"
            , "content": "希望明天是个好天气"
            , "commtime": 20170612
        }, {
            "id": "006"
            , "reviewers": "吴"
            , "content": "我又爱上编程了"
            , "commtime": 20171112
        }, {
            "id": "007"
            , "reviewers": "郑"
            , "content": "女生出门要小心"
            , "commtime": 20171230
        }, {
            "id": "008"
            , "reviewers": "王"
            , "content": "框架就用layui"
            , "commtime": 20180112
        }, {
            "id": "009"
            , "reviewers": "冯"
            , "content": "心姐么么哒"
            , "commtime": 20180221
        }, {
            "id": "010"
            , "reviewers": "陈"
            , "content": "希望明天是个好天气"
            , "commtime": 20180312
        }];

    //文章管理
    table.render({
        elem: '#LAY-app-content-list'
        , data: data
        // , url: layui.setter.paths.base + 'json/content/list.js' //模拟接口
        , cols: [[
            {type: 'checkbox', fixed: 'left'}
            , {field: 'id', width: 100, title: '文章ID', sort: true}
            , {field: 'label', title: '文章标签', minWidth: 100}
            , {field: 'title', title: '文章标题'}
            , {field: 'author', title: '作者'}
            , {field: 'uploadtime', title: '上传时间', sort: true}
            , {field: 'status', title: '发布状态', templet: '#buttonTpl', minWidth: 80, align: 'center'}
            , {title: '操作', minWidth: 150, align: 'center', fixed: 'right', toolbar: '#table-content-list'}
        ]]
        , page: true
        , limit: 10
        , limits: [10, 15, 20, 25, 30]
        , text: '对不起，加载出现异常！'
    });

    //事件-工具条
    table.on('tool(LAY-app-content-list)', function (obj) {
        var data = obj.data;
        if (obj.event === 'del') {
            layer.confirm('确定删除此文章？', function (index) {
                obj.del();
                layer.close(index);
            });
        } else if (obj.event === 'edit') {
            layer.open({
                type: 2
                , title: '编辑文章'
                , content: '../../../views/app/content/listform.html?id=' + data.id
                , maxmin: true
                , area: ['550px', '550px']
                , btn: ['确定', '取消']
                , yes: function (index, layero) {
                    var iframeWindow = window['layui-layer-iframe' + index]
                        , submit = layero.find('iframe').contents().find("#layuiadmin-app-form-edit");

                    //事件-提交
                    iframeWindow.layui.form.on('submit(layuiadmin-app-form-edit)', function (data) {
                        var field = data.field; //获取提交的字段

                        //提交 Ajax 成功后，静态更新表格中的数据
                        //$.ajax({});
                        obj.update({
                            label: field.label
                            , title: field.title
                            , author: field.author
                            , status: field.status
                        }); //数据更新

                        form.render();
                        layer.close(index); //关闭弹层
                    });

                    submit.trigger('click');
                }
            });
        }
    });

    //分类管理
    table.render({
        elem: '#LAY-app-content-tags'
        , data: data1
        // , url: layui.setter.paths.base + 'json/content/tags.js' //模拟接口
        , cols: [[
            {type: 'numbers', fixed: 'left'}
            , {field: 'id', width: 100, title: 'ID', sort: true}
            , {field: 'tags', title: '分类名', minWidth: 100}
            , {title: '操作', width: 150, align: 'center', fixed: 'right', toolbar: '#layuiadmin-app-cont-tagsbar'}
        ]]
        , text: '对不起，加载出现异常！'
    });

    //事件-工具条
    table.on('tool(LAY-app-content-tags)', function (obj) {
        var data = obj.data;
        if (obj.event === 'del') {
            layer.confirm('确定删除此分类？', function (index) {
                obj.del();
                layer.close(index);
            });
        } else if (obj.event === 'edit') {
            var tr = $(obj.tr);
            layer.open({
                type: 2
                , title: '编辑分类'
                , content: '../../../views/app/content/tagsform.html?id=' + data.id
                , area: ['450px', '200px']
                , btn: ['确定', '取消']
                , yes: function (index, layero) {
                    //获取iframe元素的值
                    var othis = layero.find('iframe').contents().find("#layuiadmin-app-form-tags")
                        , tags = othis.find('input[name="tags"]').val();

                    if (!tags.replace(/\s/g, '')) return;

                    obj.update({
                        tags: tags
                    });
                    layer.close(index);
                }
                , success: function (layero, index) {
                    //给iframe元素赋值
                    var othis = layero.find('iframe').contents().find("#layuiadmin-app-form-tags").click();
                    var iframeWin = window[layero.find('iframe')[0]['name']];

                    iframeWin.layui.use('form', function (form) {
                        form.val('layuiadmin-form-tags', {
                            tags: data.tags
                        })
                    });
                    //othis.find('input[name="tags"]').val(data.tags);
                }
            });
        }
    });

    //评论管理
    table.render({
        elem: '#LAY-app-content-comm'
        , data: data2
        // , url: layui.setter.paths.base + 'json/content/comment.js' //模拟接口
        , cols: [[
            {type: 'checkbox', fixed: 'left'}
            , {field: 'id', width: 100, title: 'ID', sort: true}
            , {field: 'reviewers', title: '评论者', minWidth: 100}
            , {field: 'content', title: '评论内容', minWidth: 100}
            , {field: 'commtime', title: '评论时间', minWidth: 100, sort: true}
            , {title: '操作', width: 150, align: 'center', fixed: 'right', toolbar: '#table-content-com'}
        ]]
        , page: true
        , limit: 10
        , limits: [10, 15, 20, 25, 30]
        , text: '对不起，加载出现异常！'
    });

    //事件-工具条
    table.on('tool(LAY-app-content-comm)', function (obj) {
        var data = obj.data;
        if (obj.event === 'del') {
            layer.confirm('确定删除此条评论？', function (index) {
                obj.del();
                layer.close(index);
            });
        } else if (obj.event === 'edit') {
            layer.open({
                type: 2
                , title: '编辑评论'
                , content: '../../../views/app/content/contform.html'
                , area: ['450px', '300px']
                , btn: ['确定', '取消']
                , yes: function (index, layero) {
                    var iframeWindow = window['layui-layer-iframe' + index]
                        , submitID = 'layuiadmin-app-comm-submit'
                        , submit = layero.find('iframe').contents().find('#' + submitID);

                    //事件-提交
                    iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
                        var field = data.field; //获取提交的字段

                        //提交 Ajax 成功后，静态更新表格中的数据
                        //$.ajax({});
                        table.reload('LAY-app-content-comm'); //数据刷新
                        layer.close(index); //关闭弹层
                    });

                    submit.trigger('click');
                }
                , success: function (layero, index) {

                }
            });
        }
    });

    exports('contlist', {})
});